<template>
  <div class="city">
    <headers></headers>

    <list :cities="cities" :hotCities="hotCities"></list>
  </div>
</template>

<script>
import headers from "./pages/headers";
import list from "./pages/list";
export default {
  name: "City",
  components:{
    headers,
    list
  },
  data(){
    return{
      hotCities:[],
      cities:[]
    }
  },
  mounted() {
    this.$http.get('/api/city.json').then((res) =>{
      let data = res.data.data
      this.hotCities = data.hotCities
      this.cities = data.cities
      // console.log(data)
    })
  }
}
</script>

<style scoped>
  .city{
    background: #f5f5f5;
  }
</style>
